<template>
  <div id="app">
    <router-view/>
  </div>
</template>

<script>
const wx = require('weixin-js-sdk')
export default {
  name: 'App',
  mounted () {
    const that = this
    const url = `${location.protocol}//m.9kacha.com/wxsvr/wxjsapi/getSignPackage.php?url=${encodeURIComponent(location.href)}`
    that.$ajax.get(url).then(res => {
      wx.config({
        debug: false,
        appId: res.data.appId,
        timestamp: res.data.timestamp,
        nonceStr: res.data.nonceStr,
        signature: res.data.signature,
        jsApiList: ['onMenuShareQQ', 'onMenuShareTimeline', 'onMenuShareAppMessage']
      })
      wx.ready(function () {
        wx.onMenuShareTimeline({
          title: '选酒神器！5秒选出你喜欢的葡萄酒', // 分享标题
          desc: '找好喝的葡萄酒，但不懂酒？！不会选？！“京东X酒咔嚓智能侍酒师”来帮你，大数据、黑科技秒懂你的口味~', // 分享描述
          link: `${location.protocol}//activity.9kacha.com/618JD/`, // 分享链接 http://activity.9kacha.com/618JD/
          imgUrl: 'https://m.9kacha.com/imgstatic/activity/xuanjiushare.png?#', // 分享图标
          type: '', // 分享类型,music、video或link，不填默认为link
          dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
          success: function () {
          }
        })
        wx.onMenuShareAppMessage({ // 分享朋友
          title: '选酒神器！5秒选出你喜欢的葡萄酒', // 分享标题
          desc: '找好喝的葡萄酒，但不懂酒？！不会选？！“京东X酒咔嚓智能侍酒师”来帮你，大数据、黑科技秒懂你的口味~', // 分享描述
          link: `${location.protocol}//activity.9kacha.com/618JD/`, // 分享链接
          imgUrl: 'https://m.9kacha.com/imgstatic/activity/xuanjiushare.png?#', // 分享图标
          type: '', // 分享类型,music、video或link，不填默认为link
          dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
          success: function () {
            // 用户确认分享后执行的回调函数
          },
          cancel: function () {
            // 用户取消分享后执行的回调函数
          }
        })
        wx.onMenuShareQQ({
          title: '选酒神器！5秒选出你喜欢的葡萄酒', // 分享标题
          desc: '找好喝的葡萄酒，但不懂酒？！不会选？！“京东X酒咔嚓智能侍酒师”来帮你，大数据、黑科技秒懂你的口味~', // 分享描述
          link: `${location.protocol}//activity.9kacha.com/618JD/#?`,
          imgUrl: 'https://m.9kacha.com/imgstatic/activity/xuanjiushare.png?#', // 分享图标
          success: function () {
            // 用户确认分享后执行的回调函数
          },
          cancel: function () {
            // 用户取消分享后执行的回调函数
          }
        })
      })
    })
  }
}
</script>

<style>
  @import "lib/less/normalize.less";
  @import "lib/less/variable.less";
  @import "lib/css/common.css";
</style>
